<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>i-守约</title>

    <script src="js/jQuery_v3.1.1.js"></script><!--公用js-->
    <script src="js/bootstrap/bootstrap.min.js"></script><!--公用js-->
    <link href="css/bootstrap/bootstrap.min.css" rel="stylesheet"><!--公用css-->
    <link rel="stylesheet" type="text/css" href="css/menu/normalize.css" /><!--展开css-->
    <link rel="stylesheet" type="text/css" href="css/menu/menu_topside.css?v=9.0" /><!--展开css-->
    <link rel="stylesheet" href="css/common.css"/>
    <link rel="stylesheet" href="css/accept_invitation.css"/>
</head>
<body  style="overflow-y: scroll;" >
<div class="i-box" >
    <!--展开菜单start-->
    <div class="menu-wrap">
        <nav class="menu-top">
            <div class="profile">
                <img src="img/user1.png" alt="Matthew Greenberg"/>
                <p>名称</p>
            </div>
        </nav>
        <nav class="menu-side">
            <a href="myDate.html"><img src="./img/my_event_icon.png" alt=""/>&nbsp;&nbsp;我的约会</a>
            <a href="myInvitation.html"><img src="./img/create_time_icon.png" alt=""/>&nbsp;&nbsp;我发起</a>
            <a href=""><img src="./img/change_user_icon.png" alt=""/>&nbsp;&nbsp;更换账号</a>
            <a href=""><img src="./img/setting_icon.png" alt=""/>&nbsp;&nbsp;设置</a>
            <a href=""><img src="./img/about_icon.png" alt=""/>&nbsp;&nbsp;关于守约 <i>new</i></a>
        </nav>
        <nav class="menu-exit">
            <a href="#"><img src="./img/exit_icon.png" alt=""/>&nbsp;&nbsp;退出</a>
        </nav>
    </div>
    <!--展开菜单end-->

    <!--展开按钮start-->
    <img class="menu-button" id="open-button" src="img/menu_btn.png" alt=""/>
    <!--展开按钮end-->

    <!--主页内容start-->
    <div class="content-wrap">
        <div class="content">
            <!--导航栏start-->
            <div class="content-top accept-top">
                <div class="content-topImg">
                    <span>守约</span>
                </div>
            </div>
            <!--导航栏end-->
            <!--内容start-->
            <div class="invitation-info">
                <img src="img/2.jpg" alt=""/>
                <span>XXX 邀请你加入TA的</span>
            </div>

            <!--邀请内容start-->
            <div class="invitation-content">
                <b class="invitation-title">周末观音山钓鱼</b>
                <div class="invitation-message">
                    <div class="invitation-li">
                        <img src="img/time.png" alt=""/><span>时时间数据时间数据时间数据时间数据时间数据时间数据时间数据时间数据间数据时间数据时间数据时间数据</span>
                    </div>
                    <div class="invitation-li">
                        <img src="img/people.png" alt=""/><span>人物</span>
                    </div>
                    <div class="invitation-li">
                        <img src="img/address.png" alt=""/><span>地点</span>
                    </div>
                    <div class="invitation-li invitation-thing">
                        <img src="img/note.png" alt=""/><span >事件</span>
                    </div>
                </div>
            </div>
            <!--邀请内容start-->

            <div class="invitation-btn">
                接受XXX的邀请
            </div>

            <div class="invitation-tip">
                <p>欢迎使用守约，您收到此短信是因为有守约会员邀请您。</p>
                <p>--每次约定，都是如此认真</p>
            </div>
            <!--内容end-->
        </div>
    </div>
    <!--主页内容end-->
</div>
<script src="js/classie.js"></script><!--展开js-->
<script src="js/openMenu.js"></script><!--展开js-->
<script src="js/jquery-scrolltofixed.js"></script>
<script src="js/common.js"></script>
</body>
</html>